<template>
  <div id="app">
    <MHeader />
    <SideBar />
    <PageBoard />
  </div>
</template>

<script>
import MHeader from "@/components/Header";
import SideBar from "@/components/SideBar";
import PageBoard from "@/components/PageBoard";

export default {
  name: "App",
  components: {
    MHeader,
    SideBar,
    PageBoard,
  },
  async mounted() {
    // const data = await getUserRouters(1);
    /**
     * console.log(data);
     * [
     *   {id: 2, pid: 0, path: '/course', name: 'Course', title: '课程管理'},
     *   {id: 3, pid: 2, path: 'operate', name: 'CourseOperate', link: '/course/operate', …}，
     *   {id: 6, pid: 0, path: '/student', name: 'Student', title: '学生管理'}，
     *   {id: 7, pid: 6, path: 'operate', name: 'StudentOperate', link: '/student/operate', …}
     * ]
     */
  },
};
</script>

<style lang="scss">
#app {
  height: 100%;
}
</style>
